<template>
	<div :class="$style.pop">
		<span :class="$style.icon"></span>
		<span :class="$style.text">
			{{ text }}
		</span>
	</div>
</template>

<script>
	
	export default {
		props: {
			text: {
				type: String,
				default: '我是一个气泡'
			}
		}
	}
</script>

<style module>
	.pop {
		max-width: 30%;
		border-radius: 999px;
		margin-top: 10px;
		margin-left: 10px;
		padding: 5px 15px;
		float: left;
		background: rgba(99, 99, 99, 0.3);
	}

	.text {
		color: #15475a;
	}
</style>